<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
    <!--表单的所有内容都需要写到form标签里
    action表示表单收集到的数据提交到哪 #占位符表示暂时提交到当前页 -->
    <form action="#">
        <!-- input输入框 type控制输入框的类型 placeholder设置提示文本
        表单元素必须加name属性才可以提交 uname=tom&upwd=123
        value设置输入框的默认值,如果是按钮,设置的是按钮上显示的文字-->
        <!--text普通文本输入框 password密码输入框 -->
        用户名<input type="text" value="tom" placeholder="请输入用户名" name="uname">
        密码<input type="password" placeholder="请输入密码" name="upwd">
        <hr>
        <br>
        <!--type为radio表示单选 必须要设置同一个name才能实现单选
         而且每个单选项要设置value值,否则提交的是on-->
        性别:
        <input type="radio" name="gender" value="1" checked>男
        <input type="radio" name="gender" value="0">女
        <br>
        爱好:
        <input type="checkbox" name="like" value="cy" checked>抽烟
        <input type="checkbox" name="like" value="hj">喝酒
        <input type="checkbox" name="like" value="tt">烫头
        <input type="checkbox" name="like" value="java" checked>学Java
        <br>
        生日:<input type="date">
        幸运色:<input type="color">
        头像:<input type="file">
        <br>
        <input type="checkbox" id="yes">
        <!--label关联控件的for属性值是被关联控件的id-->
        <label for="yes">请同意此协议</label>
        <br>
        <!--submit提交按钮 reset重置按钮 button普通按钮配合后面的JS使用-->
        <input type="submit" value="点我提交">
        <input type="reset" value="点我重置">
        <input type="button" value="普通按钮">
        <button>普通按钮</button>
        <hr>
        <!--selected单值属性 设置默认被选中-->
        <select name="city">
            <option value="bj">北京</option>
            <option value="sh" selected>上海</option>
            <option value="cq">重庆</option>
            <option value="yt">烟台</option>
        </select>
    </form>
</body>
</html>